<%@ page contentType="text/html;utf-8" pageEncoding="utf-8" %>
<%@ page errorPage="error.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>首页-智慧校园</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/main_styles.css">
</head>
<body>

<div class="super_container">
	
	<!-- Header -->
	<header class="header trans_400">
		<div class="container">
			<div class="row">
				<div class="col">
					<div class="header_content d-flex flex-row align-items-center justify-content-start trans_400">
						<div class="logo"><span>智慧校园卡 <p>智慧你的校园</p></span></div>
						
					</div>
				</div>
			</div>
		</div>
	</header>

	<!-- Home -->

	<div class="home">
		<div class="home_background"></div>
		<div class="background_image background_city" style="background-image:url(images/city.png)"></div>
		<div class="cloud cloud_1"><img src="images/cloud.png" alt=""></div>
		<div class="cloud cloud_2"><img src="images/cloud.png" alt=""></div>
		<div class="cloud cloud_3"><img src="images/cloud_full.png" alt=""></div>
		<div class="cloud cloud_4"><img src="images/cloud.png" alt=""></div>
		<div class="home_container">
			<div class="container">
				<div class="row">
					<div class="col">
						<div class="home_content text-center">
							<div class="home_title">智慧校园卡</div>
							<div class="home_text">智慧校园卡支持在线充值，挂失，清零，办卡等操作，方便您校园的生活！  </div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-md-10 offset-9">
									<button class="domain_search_button d-flex flex-row align-items-center justify-content-center">
										<a href="login.jsp">注册/登陆</a>
									</button>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>


</body>
</html>